<!--
	HTML 如果没有去书写 html body head
	
	浏览器会帮组我们自动添加
	
	所有在开发过程中需要自己手动书写
	HTML 骨架 （html、head、 body）
	
	head 头部标签 里面放置的内容包括 css js 图标 title（标签）
	
	body 中的内容都将会在浏览器页面中显示
	
	<!DOCTYPE html> 声明当前的文件是一个什么类型
	
	doc 文档
	type 类型
	
	p 标签是一个段落标签 可以放置其他标签，也可以放文本内容
	
	a 链接  href 属性 
	属性 就是写在开始标签上的内容
	属性 （属性名： 属性值）
	属性名="属性值"
	属性值需要使用英文状态下的引号包括（单引号和双引号）建议使用双引号
	属性值: 是一个需要打开的链接地址(完整地址)
	https://www.baidu.com/
	
	注意： 属性和标签名之前有一个空格，并且属性和属性之间也有一个空格
	
	
	img 图像标签 单标签 不能书写文本内容
	src: 图表路径： 
				- 相对路径 从自身出发来找对应的文件
					./ 当前自己这一级 （同级）
					./ 后面跟上的文件（夹）名，代表的是去的当前文件（夹）里面
					../ 直接返回上一级 （父级）
					/ -> 向下走 （下一级）
				- 绝对路径（完整的网址）
	./images 找到 images 文件夹
	./images/smile01.jpg
	
	网络地址： 是以 http / htpps (ssl) 协议开头的一个地址
	如果找的平级（兄弟）或者 子级 （兄弟的子级）就是一个 ./ 开头
	如果找的是上级 （父级及以上）就需要使用 ../ 开头
	
	html 和 txt 纯文本一样，不能放置图片、视频、音频等非文本内容
-->

<!DOCTYPE html>
<html>
	<head>
		<title>这是我的练习</title>
	</head>
	<body>
		<h1>这是一个标题标签</h1>
		<p>这是一个段落标签 p</p>
		<a href="https://www.baidu.com/">百度</a>
		<img src="https://picsum.photos/400/300"/>
		
		<img src="./images/smile01.jpg"/>
		<img src="./images/tupian/smile03.jpg"/>
		<img src="./images/btn.png" >
		
	</body>
<html>
